<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>郑码编码反查</title>
    <!-- 引入 Bootstrap 样式 -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">

</head>

<body>
    <!-- 页面头部 -->
    <header class="bg-dark text-light py-3 mb-4">
        <div class="container d-flex justify-content-between align-items-center">
            <a href="{{ url_for('index') }}" class="nav-link text-light">
                <h1 class="h3 mb-0">郑码编码反查</h1>
            </a>
            <nav>
                <ul class="nav">
                    <li class="nav-item">
                        <a href="{{ url_for('index') }}" class="nav-link text-light">首页</a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ url_for('add') }}" class="nav-link text-light">添加新字或新词</a>
                    </li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- 页面内容 -->
    <main class="container">
        {% block content %}
        {% endblock %}
    </main>

    <!-- 页面底部 -->
    <footer class="bg-light text-center py-3 mt-4">
        <div class="container">
            <p class="mb-0">© 2024 郑码编码反查. 版权所有.</p>
            <p class="small">由郑码爱好者 <a href="#" class="text-decoration-none">丸子</a> 提供支持</p>
        </div>
    </footer>

    <!-- 引入 Bootstrap 脚本 -->
    <script src="{{ url_for('static', filename='js/bootstrap.bundle.min.js') }}"></script>
    <!-- 自定义脚本 -->
    <!-- <script src="{{ url_for('static', filename='scripts.js') }}"></script> -->
</body>

</html>